<template>
  <div>
    <!-- <div>
      <div class="mb-20 banner" v-if="nowrmk">
        <img @click="gowrmks" src="./component/img/btn_ljcj@2x.png" alt="" />
      </div>
      <div class="mb-20 banner1" v-else></div>
    </div> -->

    <div v-if="nowrmk">
      <!-- 试卷列表 -->
      <div class="container">
        <!--product_nav-->
        <zj_product_navs
          class="mt-8"
          mode="paper"
          :params="router_params"
          :product_name="$route.query.product_name"
          @on-params-change="on_router_params_change"
          @sorts="sortsdan"
        />
        <!--list-->
        <div class="main">
          <div
            class="no-data"
            v-if="
              (list_data && list_data.length === 0) ||
              (zjLists && zjLists.length === 0) ||
              (znLists.length === 0 && znLists)
            "
          ></div>

          <div v-else style="margin-top: 30px" class="paper-list">
            <!-- 普通试卷 -->
            <div
              v-if="
                router_params.genre != '章节练习' &&
                router_params.genre != '智能练习' &&
                router_params.genre != '每日一练'
              "
            >
              <el-table :data="list_data" style="width: 100%">
                <el-table-column prop="sj_name" label="试卷名称" width="580">
                </el-table-column>
                <el-table-column prop="year" label="试卷年份">
                </el-table-column>
                <el-table-column prop="num" label="题目数量"> </el-table-column>
                <el-table-column prop="fz" label="试卷分数"> </el-table-column>
                <el-table-column prop="sc" label="考试时长"> </el-table-column>
                <el-table-column width="180">
                  <template slot-scope="scope">
                    <el-button class="begin" @click="dan(scope.row)"
                      >开始做题</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <!-- 章节练习 -->
            <div v-else-if="router_params.genre == '章节练习'">
              <zj_lx @gost="gost" :zjList="zjList"></zj_lx>
            </div>

            <div v-else-if="router_params.genre == '智能练习'">
              <zn_lx
                :xmlb="router_params.lb"
                @znexam="znexam"
                :znLists="znLists"
              ></zn_lx>
            </div>
            <div v-else-if="router_params.genre == '每日一练'">
              <dayPractice
                @gopaper="gopaper"
                @changePaper="changePaper"
                :date="day.date"
                :dayData="dayData"
                :weekList="weekList"
                :weekPaper="weekPaper"
              ></dayPractice>
            </div>
          </div>
        </div>
      </div>

      <div
        class="bg-f5f5f5 pos-rel page-cmm"
        v-show="
          list_data &&
          list_data.length !== 0 &&
          router_params.genre !== '智能练习' &&
          router_params.genre !== '每日一练' &&
          router_params.genre !== '章节练习'
        "
      >
        <zj_page
          class="mt-18 pos-abs x-center"
          :total="page_cmm.total"
          :page="page_cmm.page * 1"
          :size="page_cmm.size"
          @on-page-change="on_page_change"
        />
      </div>
    </div>
    <!-- 万人模考 -->
    <!-- <div v-else>
      <div class="containers">
        <div class="containers-nav">
          <span @click="$router.replace('/home')">首页</span> >
          <span @click="nowrmk = true">题库</span> >
          <span class="acy">万人模考</span>
        </div>
        <div class="list-item">
          <div
            class="items"
            :class="[
              item.major == '经济'
                ? 'j-bg'
                : item.major == '法规'
                ? 'f-bg'
                : item.major == '管理'
                ? 'g-bg'
                : item.major == '市政'
                ? 's-bg'
                : 'z-bg',
            ]"
            v-for="(item, index) of wrList"
            :key="index"
          >
            <div class="item-bottom">
              <div class="js-show">
                <div v-if="item.zt == 1||item.zt == 0">
                  <div class="time" v-if="new Date(nowTime).getTime()>new Date(item.jsStart).getTime()&&new Date(nowTime).getTime()<new Date(item.start_time).getTime()">
                    <span>
                      <m-day @submitPaper="submitPaper" :startTime="item.start_time">
                        <span slot="starts">开始</span>
                      </m-day>
                    </span>
                  </div>
                </div>
                <div v-if="item.zt == 2||item.zt == 3">
                  <div class="time" v-if="new Date(nowTime).getTime()>new Date(item.start_time).getTime()&&new Date(nowTime).getTime()<new Date(item.end_time).getTime()">
                    <span>
                      <m-day @submitPaper="submitPaper" :startTime="item.end_time">
                        <span slot="ends"> 距结束:</span>
                      </m-day>
                    </span>
                  </div>
                </div>
              </div> -->

              <!-- 考试时间和考试人数 -->
              <!-- <div class="ks-t-r">
                <div class="p">
                  <img src="./component/img/addressbook_fill.png" alt="" />
                  <span>{{item.zt==2||item.zt==5||item.zt==3||item.zt==4?"参加人数：":"报名人数："}}{{ item.rs }}人</span>
                </div>
                <div class="r">
                  <img src="./component/img/activity_fill.png" alt="" />
                  <span>
                    {{item.dayStrs}}
                  </span>
                </div>
              </div> -->
              <!-- 按钮 -->
              <!-- <span
                @click="choosBtn(item)"
                :class="[
                  item.zt == 3
                    ? 'exating'
                    : item.zt == 1
                    ? 'albao': item.zt == 5?'albao'
                    : item.zt == 2
                    ? 'exating':item.zt == 'zt2'?'exating'
                    : item.zt == 4
                    ? 'end'
                    : 'wantbao',
                ]"
                class="sbtn"
                >{{
                  item.zt == 3
                    ? "继续考试"
                    : item.zt == 1
                    ? "已报名"
                    : item.zt == 2
                    ? "立即考试"
                    : item.zt == 4
                    ? "查看结果":item.zt == "zt2"?"报名考试"
                    : item.zt == 5?"未考试":"我要报名"
                }}</span
              >
            </div>
          </div>
        </div>
         考试说明 
        <div class="exam-tel">
          <h2>考试说明</h2>
          <p class="p1">
            1.本次模考支持中课网校<span>Web端和APP</span>两种方式，通过【中课网校APP】考试的人员请先下载/更新APP；<br>
            2.开考后可随时进入考场，完成答题即可交卷，交卷后不可再次进入答题； ；<br />
            3.请于考试规定时间内进行答题，交卷时间到点后，系统将进行强制交卷；<br />
            4.本次模考可以提前交卷；<br />
            5.提前退出或无意退出，再次进入将重新回到退出答题页面；<br />
            6.相同分数，作答时间最少者成绩靠前。
          </p>
        </div>
      </div>
    </div> -->

    <!-- <div class="modes">
      <Modal
        title="温馨提示"
        width="393"
        class="models"
        :footer-hide="true"
        v-model="modal1"
      >
        <div class="contan">
          <div class="title-c">预约成功</div>
          <p>
            请于{{dayStr}}准时参加模考大赛，可
            关注【中课】公众号及时获取本次大赛进度。
          </p>
          <div class="ma">
            <img src="./component/img/wrmk_ewm@2x.png" alt="" />
          </div>
          <span>中课公众号</span>
        </div>
      </Modal>
    </div> -->
    <!-- 报名提示 -->
    <!-- <div class="mol">
      <my-modal2 class="submit-modal" v-model="examProp">
        <div slot="content" class="bao-m">
          <div class="title">温馨提示</div>
          <div class="ma">
            <img src="./wan/imgs/wrmk_wxts@2x.png" alt="" />
          </div>
          <p>
            《{{ tipObj.kmTip }}》将于<span>{{ tipObj.tipTime }}</span
            >开始考试，请准时参加。
          </p>
          <span class="close-span" style="cursor: pointer" @click="closmod"
            >我知道了</span
          >
        </div>
      </my-modal2>
    </div> -->
  </div>
</template>

<script src="./this.js">
</script>

<style scoped lang="scss" src="./this.scss">
</style>
